<div style="background: #FFF;font-size: 12px;">
<h3><span  class="text-primary">大致步骤如下，某些步骤只需首次使用配置；看一遍就懂了</span></h3>

<div class="col-sm-12" style="padding: 10px;">
<div class="alert alert-success" style="position: relative;">步骤1：
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_FIELDMAPPING');">字段映射</button>
<span style="color: #8000ff;">设置表字段与java映射;</span>
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_KEYWORD');">数据库关键字</button>
<span style="color: #8000ff;">校验字段是否与数据库关键字冲突</span>
<div style="position: absolute;bottom: 5px;left: 2px;">【可忽略】</div>
</div>
<div class="alert alert-success" style="position: relative;">步骤2：
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_PROJECT');">*项目信息</button>
<span style="color: #8000ff;">配置数据库解析方式并同步表结构；同步后可在</span>
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_TABLE');">数据库表</button><span style="color: #8000ff;">查看对不对</span>
</div>
<div class="alert alert-success" style="position: relative;">步骤3：
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_VALIDATION');">校验规则</button><span style="color: #8000ff;">定义可用校验规则</span>
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_WEBCOMPONENT');">前端组件</button><span style="color: #8000ff;">定义可用组件类型</span>
<div style="position: absolute;bottom: 5px;left: 2px;">【可忽略】</div>
</div>
<div class="alert alert-success" style="position: relative;">步骤4：
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_TEMPLATE');">*模板信息</button>
<span style="color: #8000ff;">代码生成要用的模板，需要编写上传（结合生成配置中的字段编写）</span>
</div>
<div class="alert alert-success"  style="position: relative;">步骤5：
<button type="button" class="btn btn-sm btn-info" onclick="tabOpen('ZL_CONFIGGENERATE');">*代码生成配置</button>
<span style="color: #8000ff;">选择模板，进行配置，最后生成代码</span>
</div>

</div>
</div>
